@use "../../variables" as *;

body {
  .el-tag.el-tag--light {
    &.el-tag--primary {
      --el-tag-bg-color: #{$qf-color-bg12};
      --el-tag-border-color: #{$qf-primary};
      --el-tag-hover-color: #{$qf-color-bg12};
    }
    &.el-tag--success {
      --el-tag-bg-color: #{$qf-color-bg14};
      --el-tag-border-color: #{$qf-color-border7};
      --el-tag-hover-color: #{$qf-color-border7};
      --el-tag-text-color: #{$qf-color-white};
    }
    &.el-tag--info {
      --el-tag-bg-color: #{$qf-color-bg10};
      --el-tag-border-color: #{$qf-color-border3};
      --el-tag-text-color: #{$qf-color-white};
    }
  }
  .el-tag.el-tag--danger {
    --el-tag-bg-color: #{$qf-primary3};
    --el-tag-text-color: #{$qf-color-white};
  }
}